<template>
	<view class="page-content">

		<view class="content">


			<view class="title flex-start" style="align-items: center;">
				<image src="../../../static/wallet/redract.png" mode=""
					style="width: 4px;height: 21px;margin-right: 5px;">
				</image>
				<text>场次：优惠券信息</text>
			</view>
			<view class="content-box">
				<view class="flex-between content-row" style="flex-wrap: nowrap;">
					<view style="width:150px">适用钓场：</view>
					<view style="flex：1">永顺园垂钓俱乐部；小野垂钓园；姜太公垂钓园；万棵松垂钓园；红日天垂钓俱乐部；满塘溪垂钓园</view>
				</view>

				<view class="flex-between content-row">
					<text>名称：</text>
					<text>周年庆狂欢</text>
				</view>
				<view class="flex-between content-row">
					<text>类型：</text>
					<text>代金券</text>
				</view>
				<view class="flex-between content-row">
					<text>金额：</text>
					<text>10元</text>
				</view>
				
				<view class="flex-between content-row">
					<text>限制：</text>
					<text>实付满430元可用</text>
				</view>
				<view class="flex-between content-row">
					<text>使用规则：</text>
					<view>
						<view>1.仅限在线购买鱼票时使用</view>
						<view>
							2.仅限永顺园垂钓俱乐部使用
						</view>
						<view>
							3.优惠券大于票价时，不找零
						</view>
					</view>
					
				</view>
				<view class="flex-between content-row">
					<text>发布时间：</text>
					<text>周年庆狂欢</text>
				</view>
				<view class="flex-between content-row">
					<text>到期时间：</text>
					<text>周年庆狂欢</text>
				</view>
				<view class="flex-between content-row">
					<text>总数量：</text>
					<text>周年庆狂欢</text>
				</view>
				<view class="flex-between content-row">
					<text>可发放数量：</text>
					<text>周年庆狂欢</text>
				</view>
			</view>

		<view class="confirmBtn">
			发放优惠券
		</view>
			<view class="title flex-start" style="align-items: center;">
				<image src="../../../static/wallet/redract.png" mode=""
					style="width: 4px;height: 21px;margin-right: 5px;">
				</image>
				<text>领取明细</text>
			</view>

			<view class="detail-box">
				<view class="flex-between gray-box">
					<text style="flex:1">序号</text>
					<text style="flex:1">用户</text>
					<text style="flex:1">手机号</text>
					<text style="flex:1">是否使用</text>
				</view>

				
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				fish_detail: {
					time: '2024年07月29日',
					id: '1916',
					num: '1',
					position: '1区-45'
				}
			}
		},
		methods: {

		},
		onLoad(option){
			console.log(option);
		}
	}
</script>

<style lang="scss" scoped>
	.page-content {
		background: #fff;
		box-sizing: border-box;
		height: calc(100vh - 44px);
	}

	.content {
		padding: 15px;
	}

	.title {
		margin-bottom: 15px;
		font-weight: 600;
	}

	.content-box {
		font-size: 15px;
		margin-bottom: 20px;
		padding-left: 5px;
		line-height: 22px;
	}
	.content-row{
	margin-bottom: 5px;	
	}

	.detail-box {
		font-size: 14px;
	}

	.gray-box {
		background: rgba(229, 229, 229, 1);
		padding: 8px 15px;
		font-size: 14px;
		font-weight: 600;
	}
	.confirmBtn {
		width: 70%;
		background: #D43030;
		margin: 0 auto;
		margin-bottom: 20px;
		height: 40px;
		border-radius: 20px;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}
</style>